<script lang="ts" setup>
const appStore = useAppStore();
const { layoutTheme, overridesTheme } = storeToRefs(appStore);

useAutoDark();

const { naiveLocale } = useAutoLang();
</script>

<template>
  <n-config-provider
    :date-locale="naiveLocale.dateLocale"
    :locale="naiveLocale.locale"
    :theme="layoutTheme"
    :theme-overrides="overridesTheme"
  >
    <n-global-style />
    <app-provider>
      <router-view />
    </app-provider>
  </n-config-provider>
</template>

<style scoped></style>
